<div class="m-tab s-tab">
  <h2 class="u-tt">表单页演示</h2>
  <ul>
    <li><a href="#">内容列表</a></li>
    <li class="z-crt"><a href="#">添加内容</a></li>
  </ul>
</div>
<div class="m-form">
  <form name="" action="{$url|'Index/addForm'}" method="get" id="form">
  	
    <fieldset>
      <div class="formitm">
        <label class="lab">分类：</label>
        <div class="ipt">
          <select class="u-slt u-linkage" id="cid" name="cid" data="{$url|'Index/menuList'}">
		  	<option>==选择分类==</option>
            <!--{loop="$categoryList $vo"}-->
            <option value="{$vo.id}">{$vo.name}</option>
			<!--{/loop}-->
          </select>
        </div>
      </div>
      <div class="formitm">
        <label class="lab">标题：</label>
        <div class="ipt">
          <input type="text" name="name"  class="u-ipt u-ipt-6"  datatype="s6-18" nullmsg="请输入昵称！" errormsg="昵称至少6个字符,最多18个字符！" />
          <span class="suffix"><label class="u-opt"><input name="" type="checkbox" value="" />加粗</label> <input type="text" name="name"  class="u-ipt u-ipt-1 u-color"  id="color" /> 颜色</span>
          <p>文本框可以使用class属性的u-ipt-1至u-ipt-7来表示不同大小</p>
        </div>
      </div>
      <div class="formitm">
        <label class="lab">多选：</label>
        <div class="ipt">
          <textarea  class="u-tta u-tta-6"></textarea>
		  <p>文本框可以使用class属性的u-tta-1至u-tta-7来表示不同大小</p>
        </div>
      </div>
      <div class="formitm">
        <label class="lab">单选：</label>
        <div class="ipt">
          <label class="u-opt"><input name="u-radio" type="radio" value="" />单选</label>
          <label class="u-opt"><input name="u-radio" type="radio" value="" />单选</label>
        </div>
      </div>
      <div class="formitm">
        <label class="lab">多选：</label>
        <div class="ipt">
          <label class="u-opt"><input name="" type="checkbox" value="" />多选</label>
          <label class="u-opt"><input name="" type="checkbox" value="" />多选</label>
        </div>
      </div>
	  <div class="formitm">
        <label class="lab">图片上传：</label>
        <div class="ipt">
          <input type="text" name="name"  class="u-ipt u-ipt-6 u-img-val" id="img"  />
          <span class="suffix"><button class="u-btn u-img-upload" type="button" data="img" preview="img_preview" id="img_button">上传</button> <button class="u-btn" type="button" id="img_preview">预览</button></span>
        </div>
      </div>
	  
	  <div class="formitm">
        <label class="lab">文件上传：</label>
        <div class="ipt">
          <input type="text" name="name" class="u-ipt u-ipt-6" id="file"  />
          <span class="suffix"><button class="u-btn u-file-upload" type="button" id="file_button" data="file">上传</button></span>
        </div>
      </div>
	  <div class="formitm">
        <label class="lab">多图上传：</label>
        <div class="ipt">
          <button class="u-btn u-multi-upload" type="button" max="5" data="multi-image" id="multi-button">上传图片</button> <span class="suffix">上传后可拖动图片进行排序</span>
		  <div class="m-multi-image f-cb" id="multi-image" data=""></div>
        </div>
      </div>
      <div class="formitm">
        <label class="lab">验证码：</label>
        <div class="ipt">
          <input type="text" class="u-ipt"/>
          <img src="http://reg.email.163.com/mailregAll/regvf1/verifyCodeImgF.jsp?env=488381217144&type=en&t=1333003692444" alt="验证码" height="32" class="code-img"/> <a href="#" class="f-ib" >换一张</a>
          <p class="tip">
            <input type="checkbox" id="agree"/>
            <label for="agree">同意“服务条款”和“隐私权保护和个人信息利用政策”</label>
          </p>
        </div>
      </div>
	  <div class="formitm">
        <label class="lab">编辑器：</label>
        <div class="ipt">
          <textarea name="content" id="content" class="u-editor" style="width:100%;height:400px;visibility:hidden;">内容演示</textarea>
        </div>
      </div>
      <div class="formitm formitm-1">
        <button class="u-btn" type="submit">立即提交</button>
        <button class="u-btn s-btn-c3" type="button">重置</button>
		<span class="status" id="status"></span>
      </div>
	  <input name="relation_key" id="relation_key" type="hidden" value="<?php echo form_time(); ?>" />
    </fieldset>
  </form>
</div>
<script>
Do.ready('base','form','dialog','color','editor','sort','upload',function() {
	//表单综合处理
	$('#form').duxFormPage();
	
});
</script>